/* font-family to YaHei */
body,input,textarea,button,select{
	font-family: "Microsoft YaHei" ! important;
}

/* table th css */
.table th {
	font-size: 12px;
	padding: 8px;
}

.clearfix .txt {
	width: 32%;
}

/* menu input css */
#input_menu {
	width: 30px;
	text-align: center;
	height: 12px;
	line-height: 10px;
	font-size:10px;
	margin: 0;
}
#input_menu_info{
	width: 100px;
	height: 12px;
	line-height: 10px;
	font-size:10px;
	margin: 0;
}
.icons-add{
	cursor:pointer;
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:url(../img/bg_icon.png) no-repeat 0 0;
}
.icons-unfold{
	cursor:pointer;	
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	background: url(../img/bg_icon.png) -125px -25px;
}
.icons-fold {
	cursor:pointer;	
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	background: url(../img/bg_icon.png) -100px -25px;
}
#config_table th{
	text-align: left;	
}
#config_table td,#categor_table td{
	border-bottom:1px solid #e9e9e9;
}

#select_sort {
	padding: 2px;
	line-height: 27px;
	border: 1px solid #ccc;
	border-radius: 3px;
	height: 250px;
	width: 220px;
}
#select_sort[multiple] {
	height: 200px;
}
#sort_btn button{
	margin:5px;
}

.scroll_alert{
	position:fixed; top:0; width:100%; z-index:100;
}
.alert .scroll_alert_close{
	position:fixed; top:10px; right:21px; z-index:100;
}
.page-icon{
	font-family:'宋体';
	font-weight: bold;
}
#load-icon{
	font-family:'宋体';
	font-weight: bold;	
}

/* = 分类管理树形菜单（目前只支持3级）
------------------------------------------ */
.category {
	margin: 10px 0;
	border-bottom-width: 0;
	background-color: #fff;
}
.category .hd {
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
	color:#666666;
	background: none repeat scroll 0 0 #efefef;
}
.category .cate-item dt {
	border-bottom: 1px solid #E7E7E7;
}
.category dl,
.category dd,
.category input {
	margin: 0;
}
.category .check,
.category .fold,
.category .order,
.category .name,
.category .admin,
.category .time {
	float: left;
	height: 35px;
	line-height: 35px;
}
.category .opt {
	float: right;
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.opt-btn {
	float: right;
	margin: 5px 10px 0 0;
}
.category .check {
	width: 40px;
	text-align: center;
}
.category .fold {
	width: 50px;
	text-align: center;
}
.category .fold i {
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
}
.category .fold .icon-fold {
	cursor: pointer;	
	background: url(../img/bg_icon.png) no-repeat;	
	background-position: -100px -25px;
}
.category .fold .icon-unfold {
	cursor: pointer;	
	background: url(../img/bg_icon.png) no-repeat;	
	background-position: -125px -25px;
}
.category .order,.category .admin,.category .time,
.category .order input,.category .admin input,.category .time input {
	text-align: center;
}
.category .order {
	width: 90px;
}
.category .admin {
	width: 140px;
}
.category .time {
	width: 180px;
}
.category .order input {
	margin-bottom: 2px;
	width: 40px;
}
.category .name input {
	margin-bottom: 2px;
}
.category .add-sub-cate {
	margin-left: 10px;
}
.category .add-sub-cate:hover {
	text-decoration: none;
	border-bottom: 0 none;
}
.category .btn-mod {
	margin-left: 15px;
}
.category .root {
	font-weight: bold;
}
.category .tab-sign {
	display: inline-block;
	margin-left: 15px;
	height: 21px;
	vertical-align: middle;
	background-image: url(../img/tab_sign.png);
	background-repeat: no-repeat;
}
.category .name .msg {
	vertical-align: top;
	font-weight: normal;
}
.category .name .error {
	color: #B94A48;
}
.category .name .success {
	color: #468847;
}
/* 顶级分类 */
.category > dl > dt .tab-sign {
	display: none;
}

/* 二级分类 */
.category > dl > dd > dl > dt .tab-sign {
	width: 55px;
	background-position: 0 0;
}
.category > dl > dd > dl:last-child > dt .tab-sign {
	background-position: -55px 0;
}

/* 三级分类 */
.category > dl > dd > dl > dd > dl > dt  .tab-sign {
	width: 110px;
	background-position: 0 -30px;
}
/* 四级分类 */
.category > dl > dd > dl > dd > dl > dd > dl > dt  .tab-sign {
	width: 165px;
}
.category > dl > dd > dl > dd > dl:last-child > dt .tab-sign {
	background-position: 0 -60px;
}

.category > dl > dd > dl:last-child > dd > dl > dt .tab-sign {
	background-position: 0 -90px;
}
.category > dl > dd > dl:last-child > dd > dl:last-child > dt .tab-sign {
	background-position: 0 -120px;
}
.category > dl > dd > dl:last-child > dd > dl:last-child > dd > dl:last-child > dt .tab-sign {
	background-position: 0 -150px;
}
.category > dl > dd > dl:last-child > dd > dl:last-child > dt .add-sub-cate{
    display: none;
}
.category input{
	height: 16px;
}
.icon-add {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(../img/bg_icon.png) no-repeat 0 0;
}
.add-on {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 7px;
	right: 25px;
}
.sort_bottom {
	margin-top: 105px;
}
.sort_option select {
	height: 250px;
	width: 220px;
}
.sort_top {
	margin-bottom: 10px;
}
.sort_top input {
	height: 24px;
	line-height: 26px;
	margin-right: 30px;
	border: 1px solid #ccc;
	padding-left:5px;
}
.sort_btn button{
	display: block;
	margin-bottom: 15px;
}
.sort_option {
	float: left;
	margin-right: 16px;
}
.sort_confirm {
	float: left;
}
.update-version {
	font-size: 18px;
    line-height: 3;
    text-align: center;
    width: 85%;
}
.update-version .error {
    color: #B94A48;
}
.update-version .success {
    color: #468847;
}
/* 布局样式 */
.cf,.nav,.container-span {
	*zoom: 1;
}
.cf:before, .cf:after,
.nav:before, .nav:after,
.container-span:before,
.container-span:after {
	display: table;
	content: "";
}
.cf:after,.nav:after,
.container-span:after {
	clear: both;
}
.empty-div{
	height:20px; line-height:20px; text-align:center; padding:10px; font-weight:normal;
}

.mt10{
	margin-top:10px;
}

.auth-form {
    min-width: 100px;
    padding: 15px;
}


.checkbox {
    margin: 0 10px 0 0;
}
.checkbox, .radio {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}
.checkmod {
    border-color: #ebebeb;
	margin-bottom: 20px;
}

.checkmod dt {
    background-color: #ececec;
    border-bottom-color: #ebebeb;
     font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.checkmod dd {
    line-height: 30px;
	/*padding-left: 10px;*/
}
.checkmod dd .checkbox {
    margin: 0 10px 0 0;
}

.sleft input{ margin:0 }
.sleft .form-control{ margin-top:1px; margin-right:2px; }

#app_table .popover{ min-width:148px;}
#app_table .popover-content{ padding:0; }
#app_table .popover-content p{ margin:0; }

#DataTables_Table_0_paginate{ margin-top:0; }

.datepicker[readonly],.datepicker{
	background:#fff;
	width:120px;
	text-align:center;
}

.m-filter{background: #fff;margin-top: 15px;box-shadow: 1px 2px 3px #ccc;}
.m-filter .select2{width: 150px;}
.m-filter .btn-filter-show{margin: 15px;display: none;}
.m-filter a{text-decoration: none;}
.m-filter h3{color: #555;font-weight: 100;font-size:16px;}
.m-filter .filter-group{margin: 15px 0 0 30px;}
.m-filter .filter-group .title{font-size: 14px;color: #666;display: block;padding: 5px 0;font-weight: 900;}
.m-filter .filter-group .radio-group{margin-right: 25px; }
.m-filter .filter-pay{margin-right: 60px;}
.m-filter .filter-date{margin-top: 0;}
.m-filter .btn-group{ margin: 0 0 15px 15px;}

#scrollUp {
    font-size: 13px;
    bottom: 20px;
    right: 20px;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height:60px;
    border-radius: 60px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}